A news app that keeps you up to date with the latest headlines and the ability to favorite articles from the New York Times. Developed using React JS on the front end and local storage to keep track of all your favorites across browser sessions.
Try it out: https://longislandsoundledger.netlify.app/
Tech used: React, CSS, JavaScript
React made building out this application very efficient and allowed me to implement many features in a short amount of time. It was great learning experience and allowed me to explore features of the library that I hadn't known much about.
This definitely is not the last application I will be building using the React ecosystem and can see why it is so popular among my fellow engineers.
I would refactor my code using a React framework like Next.js or Remix in order to improve performance and search engine optimization. In the future, I plan to add a backend api and database in order to have a place where an individual user's favorite stories can be stored.
How to implement the React library with its various tooling on a medium sized application. Using local storage, react router, the context API, CSS modules, framer motion, and react hooks to fetch data and make calls to certain APIs in order to build out a search page that allows the user to query this API.
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
Clone the repository into any directory.
git clone https://github.com/michaelcmarafino/knews-app.git
Start a terminal in the directory of the step from above, and run the following command:
npm install
In the same directory, start the local server by running the following:
npm start