Skip to content

An app to record reading list. The data is stored in the local storage so that it's not lost when user refreshes the page.

Notifications You must be signed in to change notification settings

ChrisBaidoo/booklist

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Reading List App

An app to record reading list. The data is stored in the local storage so that it's not lost when user refreshes the page.

Markdown Logo

Installation and Setup Instructions

Prerequisite

You will need node and npm installed globally on your machine.

# install dependencies
npm install

#to start server:
npm start

#to visit app:
localhost:3000

#to create a build of the app:
npm run build

Reflection

The project goals included using technologies learned up until this point and familiarizing myself React's Context API.

I wanted to build an application that uses React’s Context API to manage global application state without resorting to props drilling. I started this process by using the create-react-app boilerplate. I chose to use the create-react-app boilerplate to minimize initial setup and invest more time in diving into react hook and Context API. The technologies used in this app are React and CSS.

One challenge I had was that when user refreshed the page, any data user has entered was lost. To combat this I stored the data in the local storage. In the next iteration I plan on building a backend with a database to store user data essentially making this a fullstack app.

Contribution

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

  1. Fork the repository
  2. Create your feature branch git checkout -b feature/fooBar
  3. Commit your changes git commit -am 'Add some fooBar'
  4. Push to the branch git push origin feature/fooBar
  5. Create a new Pull Request

About

An app to record reading list. The data is stored in the local storage so that it's not lost when user refreshes the page.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published