🌊 InfoWaVe 🌊

Contributors 👩🏻‍💻

Jen Nguyen

📂 Tech Stack

• Overview
• Planning Process
• Getting Started
• Preview
• Wins
• Future Ideas

InfoWaVe is the place to come for tech news. Users can search for articles using keywords or browse by scrolling!

1. Fork or clone down this respository.
2. In the terminal, open this app by running the command cd infowave-
3. Run the command npm install to install dependencies.
4. Run the command npm start to start the server.
5. Open http://localhost:3000 to view it in your browser.
6. Use control C to stop the server.
7. The api used for the application does not allow API calls for prouduciton so there is no deployment for this application.
8. I accidentally added unneeded dependencies that broke the original application, this is a revamp of the original application.
9. To see all the original commits please refer to this ling Original Repo

In planning for this application I spent time looking for design ideas and did a basic design schema of how I wanted my application to look. I then broke down the architecutre into how I planned to set it up in the code with all the connected routes and componenets. This gave me vision for not only the design but how the structure of the application will flow.

• Implementing the search functionality with a filter

• Getting down the fundamentals of React and Router

• Getting a better understanding of Cypress.

• Figuring out responsive design

• Getting a better understanding of React and how to work with components and import them where needed

• Incorporating SASS variables and mixins for managing common styles

• User login for saving articles

• Add favoriting feature for users to favorite and save articles for future reference

• Allowing users to shuffle their saved articles into a particular order