Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/nicolaswg/crypto-capstone-project

This is full SPA project built it with React & Redux. It display a home page where users can see the first 50 coins in the market. These data are obtained from the coingecko API.
https://github.com/nicolaswg/crypto-capstone-project

css3 html5 jest jsx-syntax react react-hooks react-router redux redux-thunk testing-react

Last synced: 2 months ago
JSON representation

This is full SPA project built it with React & Redux. It display a home page where users can see the first 50 coins in the market. These data are obtained from the coingecko API.

Awesome Lists containing this project

README 

        
# Crypto Capstone Project



![](https://img.shields.io/badge/Microverse-blueviolet)



> Completed React & Redux project, releated to a single page app (SPA), were users can find information of the most popular crypto coins in the market using [coingecko](https://www.coingecko.com/es) API. Including a search bar for filtering the crypto coin you want to match.



## Built with



- HTML/CSS

- JavaScript

- React & Redux

- Git/Gitflow

- JEST

- React Testing Library



## Live Demo

[Netlify](https://nostalgic-boyd-fed032.netlify.app/)



![ezgif com-gif-maker(1)](https://user-images.githubusercontent.com/73354132/157728214-2aa42b4d-123e-48af-b881-90725e11f8f0.gif)



## Set up project



> For testing out this project, you should follow the next simple steps:



1.`clone repo` copy this link  https://github.com/Nicolaswg/crypto-capstone-project.git in to your local machine.



2.`npm start` run this command inside the news branch.Open [http://localhost:3000](http://localhost:3000) to view it in your browser.

The page will reload when you make changes.\

You may also see any lint errors in the console.



3.`npm test` Launches the test runner in the interactive watch mode.\

See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.



4.`npm run build`Builds the app for production to the `build` folder.\ It correctly bundles React in production mode and optimizes the build for the best performance.



Your app is ready to be deployed!



See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.



5.`npm run eject` **Note: this is a one-way operation. Once you `eject`, you can't go back!**



If you aren't satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.



## Learn More



You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).



To learn React, check out the [React documentation](https://reactjs.org/).



### Code Splitting



This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting)



### Analyzing the Bundle Size



This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size)



### Making a Progressive Web App



This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app)



### Advanced Configuration



This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration)



### Deployment



This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment)



Optional.`npm run build` fails to minify



This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify)



## Authors 



👤 **Nicolas**



Platform | Badge |

 --- | --- |

 **GitHub**  | [Nicolaswg](https://github.com/Nicolaswg)

 **Twitter** | [Nicolas54146830](https://twitter.com/Nicolas54146830)

 **LinkdIn** | [nicolas-gonzalez](https://www.linkedin.com/in/nicolas-gonzalez-8623461a0/)



 ## 🤝 Contributing



Contributions, issues, and feature requests are welcome!



Feel free to check the [issues page](https://github.com/Nicolaswg/crypto-capstone-project/issues).



## Show your support



Give a ⭐️ if you like this project!



## Acknowledgments



- Share all the support to [Nelson Sakwa](https://www.behance.net/sakwadesignstudio) for sharing his design that structured the squeleton of this project

- Also i would like to give a big shout out to my peers [Zeeshan Haider](https://github.com/zhadier) and [Kyrillos Hany](https://github.com/Bondok6) go check out their profiles and show all your support.

## 📝 License



This project is [MIT](./MIT.md) licensed.