https://github.com/onikachorba/testapi
https://github.com/onikachorba/testapi
api javascript nextjs react redux scss typescript vercel
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/onikachorba/testapi
- Owner: onikaChorba
- Created: 2023-03-20T15:42:44.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-04-18T07:01:46.000Z (about 3 years ago)
- Last Synced: 2026-01-03T14:29:43.979Z (6 months ago)
- Topics: api, javascript, nextjs, react, redux, scss, typescript, vercel
- Language: TypeScript
- Homepage: https://test-api-xi-azure.vercel.app
- Size: 213 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Next.js site for testing API
This is a simple website built with Next.js that used for testing APIs. It includes a homepage that displays a random quote and a favorites page where users can save and view their favorite quotes. The state of the user's favorite quotes is managed using Redux. When a user adds a quote to their favorites list, the quote data is stored in the Redux store. The list of favorite quotes is then displayed on the favorites page, which is connected to the Redux store and updates automatically when the store is updated.
In addition to the homepage and favorites page, this website also includes two additional pages - a product page and a movies page. The product page displays a list of products that can be sorted by category and price. Users can browse through the products and view additional details by clicking on individual items. The movies page displays a list of popular movies and actors.
## Installation and Setup
1. Clone the repository to your local machine.
2. Install the necessary dependencies by running npm install.
3. Run the application using npm start.
4. Open your browser and navigate to http://localhost:3000.
## Technologies Used
- React
- Next.js
- Redux
- TypeScript
- JavaScript
- HTML/Scss
- API
## Future Development
Although this website was created for the purpose of testing APIs, it can be improved by adding some features and functionalities. For example:
- Adding a search function for products and movies.
- Adding pagination for products and movies that have more than one page.
- Adding the ability to filter products and movies by year, genre, and other properties.
- Adding a feedback form so that users can leave reviews and comments.
- Implementing an authentication and authorization mechanism so that users can create accounts, save their favorite products and movies, and make purchases.
- Adding the ability to add new products and movies to the database.
- Overall, there are countless ways to improve this website and make it more useful for users.