Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/ph-7/projectu-react-client

A simple and elegant client built for my Udemy course available at: https://www.udemy.com/course/build-backend-api-node-js-and-react-frontend/
https://github.com/ph-7/projectu-react-client

bootstrap5 client-project client-side javascript react react-application react-bootstrap react-router react-router-dom udemy

Last synced: 3 months ago
JSON representation

A simple and elegant client built for my Udemy course available at: https://www.udemy.com/course/build-backend-api-node-js-and-react-frontend/

Awesome Lists containing this project

README

        

# ProjectU - React Client

A simple and elegant client built for my Udemy course available at: https://www.udemy.com/course/build-backend-api-node-js-and-react-frontend/

The client uses Bootstrap v5 (with React-Bootstrap components), React-Router v6, React Content Loader, and Styled Components.

## Setting Up

1. Make sure you have npm v6 or newer installed (by installing [NodeJS](https://nodejs.org/en/download)).
2. Run `npm ci` to install all dependencies.
3. `npm start` to start your React client application.

## Preview

![Simple React Client - Homepage example](homepage-simple-react-client.png)

## Author

I'm [Pierre-Henry Soria](https://ph7.me). A **Super Passionate** Belgian **Software Engineer** 🤗 And a true cheese 🧀 & chocolate 🍫 lover! 😋 You can always reach me at _hi {[AT]} ph7 [{D0T}] me_

[![Pierre-Henry Soria](https://s.gravatar.com/avatar/a210fe61253c43c869d71eaed0e90149?s=200)](https://ph7.me 'Pierre-Henry Soria personal website')

[![LinkedIn](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/ph7enry/ "Pierre-Henry Soria LinkedIn") [![@phenrysay](https://img.shields.io/badge/Twitter-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white)](https://twitter.com/phenrysay 'Follow Me on Twitter') [![pH-7](https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white)](https://github.com/pH-7 'Follow Me on GitHub')

## Context

This is the final and completed project of my [Udemy Course](https://www.udemy.com/user/pierresoria/), **Learn how to build a RESTful API with NodeJS, and a React client application**.

## License

Distributed under [MIT](https://opensource.org/licenses/MIT) license 🎉