https://github.com/gardimy/react_redux_capstone
I want to introduce my React Capstone Project, which involves building a mobile web application using React and Redux. The project focuses on creating an application that allows users to check a list of metrics obtained from a selected API.
https://github.com/gardimy/react_redux_capstone
api javascript jest react react-router reacttestinglibrary redux
Last synced: about 1 month ago
JSON representation
I want to introduce my React Capstone Project, which involves building a mobile web application using React and Redux. The project focuses on creating an application that allows users to check a list of metrics obtained from a selected API.
- Host: GitHub
- URL: https://github.com/gardimy/react_redux_capstone
- Owner: Gardimy
- Created: 2023-07-04T22:22:28.000Z (over 1 year ago)
- Default Branch: Dev
- Last Pushed: 2023-07-09T03:10:02.000Z (over 1 year ago)
- Last Synced: 2025-01-13T14:52:08.258Z (about 1 month ago)
- Topics: api, javascript, jest, react, react-router, reacttestinglibrary, redux
- Language: JavaScript
- Homepage: https://gardimycharleswebapp.onrender.com
- Size: 840 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React/Redux Capstone project
TVSHOW/Anime
# 📗 Table of Contents
- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)
**Anime/Details** This project introduces the React Capstone Project, which involves building a mobile web application using React and Redux. The project focuses on creating an application that allows users to check a list of metrics obtained from a selected API. The application consists of multiple pages, including a homepage with a list of items and a details page displaying specific data for each item. The project follows design guidelines and incorporates interactions for a seamless user experience.
## 🛠 Built With
Client
- Built the Desktop version
- Use an another API to get more Data
## 🚀 You can check the Live Demo here
[Anime/Details Live Demo](https://gardimycharleswebapp.onrender.com)
[Project presentetion record](https://www.loom.com/share/e55bdd98c4a84f7785276daed8b2abbe?sid=9615a862-dbb3-4d35-91ee-ce2c78ca35dc)
- Step 1: Clone this project using this git comand "git clone", (if you don't have git installed please visit
https://git-scm.com/downloads and install it).
- Step 2: Once you have installed git you can clone this project using the command below:
```
git clone https://github.com/Gardimy/React_Redux_capstone
```
- Step 3: Once you have cloned this repo navigate to the folder that contains
the repository.
- Step 4: If you want to watch the html file open it with your favorite web browser(This project MUST be opened from VS Code for full functionality).
- Step 5: If you want to edit this project open it with your favorite text editor.
To get a local copy up and running cloning this repo `https://github.com/Gardimy/React_Redux_capstone`.
### Prerequisites
There are no known prerequisites to run this project.
If you encounter any issues trying to run it, please feel free to
[open a ticket](https://github.com/Gardimy/React_Redux_capstone/issues) to let me know and i will work on it to the best
of my abilities
### Setup
Clone this repository to your desired folder:
`https://github.com/Gardimy/React_Redux_capstone`
or
`https://github.com/Gardimy/React_Redux_capstone` <-- _Only if you have [SSH keys configured](https://docs.github.com/en/authentication/connecting-to-github-with-ssh/adding-a-new-ssh-key-to-your-github-account) on your GitHub account_.
### Usage
To run the project:
- Method 1:
```sh
cd PATH_TO_CLONE
npm install
npm run build
npm start
```
Method 2:
Open './dist/index.html' in your browser of choice
### Deployment
You can deploy this project using [github pages](https://docs.github.com/en/pages/quickstart),
[Render](https://dashboard.render.com/)
or a web-hosting platform of your choice.
> 👤 **Gardimy Charles**
- GitHub: [@Gardimy](https://github.com/Gardimy)
- Twitter: [@gardyelontiga45](https://twitter.com/gardyelontiga45)
- LinkedIn: [Gardimy charles](https://www.linkedin.com/in/gardimy-charles)
- Use store, actions and reducers in React.
- Connect React and Redux.
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/Gardimy/React_Redux_capstone/issues).
If you like this project please give me a start and share my portfolio to recruters!
I would like to thank to [Nelson Sakwa on Behance.](https://www.behance.net/sakwadesignstudio) who's made the original design available for all feature developer.
This project is [MIT](./LICENSE) licensed.