Skip to content

Happy Thoughts App: A React project focused on state management, API interactions for fetching and posting data. Features include a design-aligned UI, sorted thought display by recency, like count for each thought, a form for new thoughts, and a like functionality.

Notifications You must be signed in to change notification settings

pernillasterner/ps-project-happy-thought

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

43 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Happy thoughts Project

In this week's project, you'll be able to practice your React state skills by fetching and posting data to an API.

Getting Started with the Project

Dependency Installation & Startup Development Server

Once cloned, navigate to the project's root directory and this project uses npm (Node Package Manager) to manage its dependencies.

The command below is a combination of installing dependencies, opening up the project on VS Code and it will run a development server on your terminal.

npm i && code . && npm run dev

The Problem

I approached the problem by first planning and visualizing the component structure using a flowchart. I kept the code organized by using a separate 'Api' file for API requests. The main technologies used were React for the front-end and Date-fns for handling dates. If I had more time, I would focus on enhancing the user interface and adding more features for user interaction.

View it live

Happy Thoughts App

Instructions

See instructions of this project

About

Happy Thoughts App: A React project focused on state management, API interactions for fetching and posting data. Features include a design-aligned UI, sorted thought display by recency, like count for each thought, a form for new thoughts, and a like functionality.

Topics

Resources

Stars

Watchers

Forks