evrenkaraarslan / Example-react-app-with-latest-trends

Example-react-app-with-latest-trends

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React example application with latest trend tech stacks

πŸš€ React 18

πŸš€ Typescript

πŸš€ Redux with Redux Toolkit

πŸš€ Sass

πŸš€ React Testing Library & Jest for components and redux

πŸš€ React router 6

πŸš€ Prettier for code formatting

What you need to run this in local πŸ’»

Prerequisites πŸ“‹ You'll need Git and Node.js on your computer.

node@v18 or higher npm@8 or higher git@2 or higher

Clone this repository

$ git clone https://github.com/evrenkaraarslan/Example-react-app-with-latest-trends.git

Go to directory

$ cd Example-react-app-with-latest-trends

Remove current origin repository

$ git remote remove origin

To install dependencies and run the app you should run following commands in your local machine

Node

$ npm install or npm i

Start server

$ npm start

Open http://localhost:3000 to view it in the browser. The page will reload if you make edits.
You will also see any lint errors in the console.

TO BE ABLE TO DO API CALLS, TAKE TOKEN FROM https://api.openweathermap.org

Then you should add it to getWeatherUrl function in src/services/url.ts

Start tests

$ npm test

Format code

$ npx prettier --write .

Build for production

$ npm run build

Builds the app for production to the build folder.\

ENJOY!

About

Example-react-app-with-latest-trends


Languages

Language:TypeScript 89.7%Language:SCSS 6.7%Language:HTML 2.6%Language:CSS 1.1%