yasinatesim / react-product-list

This project was created to create a medium / large React and Grphql project 😋

React Product List App

---

This project was created to create a medium / large React and Graphql project 😋

· View Demo · View Graphql Playground

📖 About

This project was created to create a medium / large React and Graphql project 😋

📚Tech Stack

Airbnb	Which is often a reasonable approach to JavaScript
React Js	A JavaScript library for building user interfaces
Graphql	A query language for your API
Commitlint	Send commit messages to conventional commits rules
Styled Components	Use the best bits of ES6 and CSS to style your apps without stress
Editorconfig	Helps maintain consistent coding styles for my working on the same project across various editors and IDEs
Eslint	Find and fix problems in your JavaScript code
Prettier	An opinionated code formatter

⚙️ How To Use

1. Clone this repository

git clone https://github.com/yasinatesim/react-product-list.git

2. Add .env file in the client folder

REACT_APP_API_URL='http://localhost:4000'

For Manual

3. Change the directory

cd react-product-list

4. Install the project dependencies

yarn install

5. Change the client directory

cd client

6. Install the client dependencies

yarn install

7. Start the client

yarn start

8. Open the new terminal window

9. Change the server directory

cd ../server

10. Install the server dependencies

yarn install

11. Start the server

yarn start

For Docker

3. Change the directory

cd react-product-list

4. Run this command without yarn or yarn install

yarn setup

or

yarn && docker-compose up --build

Client is running to http://localhost:3000/

Server is running to http://localhost:4000/