Giter Club home page Giter Club logo

project-happy-thoughts's Introduction

Happy Thoughts App - a twitter like tool where you can post inspiring and happy messages to your friends.

In this project, I was able to practice your React state skills by fetching and posting data to an API which I also built from scratch using MongoDB and Node.JS.

What I learned ๐Ÿง  How to use APIs in React, firing requests within useEffect. How to put the result of API responses into React state to show in the page. What it's like to work with an API which you both send and receive data from. Requirements I reached ๐Ÿงช The page follow the design as closely as possible The page lists the most recent thoughts The page has a form to post new thoughts The page has the heart button to send likes on a thought

How I got started ๐Ÿ’ช๐Ÿผ

I forked a repo, cloned it into my projects folder on my computer and opened up VS Code. In the terminal, I ran cd code to change into the code folder I installed the dependencies needed for react by running npm install I ran the react development server by running npm start I decided to not follow the design guidelies and added some happy colors. We have enough of a grey scale in Sweden right now ;-)

Requirements ๐Ÿงช

  • Your page should follow the design as closely as possible
  • You should list the most recent thoughts
  • You should have a form to post new thoughts
  • You should implement the heart button to send likes on a thought

If I had more time ๐Ÿƒโ€โ™‚ If would have wanted to create another one... I have some great ideas :-)

You can see it here: https://happythoughts-petrabrinck.netlify.com Link to Heroku for the API: https://pb-happy-thoughts.herokuapp.com/

project-happy-thoughts's People

Contributors

petrabrinck avatar idlefingers avatar jenniedalgren avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.