Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
iamfatihay authored Jul 18, 2023
1 parent 150f71c commit 47f1acb
Showing 1 changed file with 8 additions and 41 deletions.
49 changes: 8 additions & 41 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@


# Anazon Store
## https://anazon-store-app.vercel.app/?vercelToolbarCode=4AGB-xroBA1rU5X
# Anazon Store App
## Description

Project aims to create a Store App.
Project aims to create a simple Store App.


## Project Skeleton

Expand Down Expand Up @@ -32,53 +32,20 @@ SOLUTION
│ └── react-app-env.d.ts
├── package.json
├── README.md
├── anazon-store.gif
├── tailwind.config.js
├── tsconfig.json
└── yarn.lock
```

## Expected Outcome

![tsstore](tsstore.gif)

## Objective

Build a Milestone Blog App using ReactJS.

### At the end of the project, following topics are to be covered;

- HTML

- CSS
<img src="./anazon-store.gif" />

- JS
- TS
- React
## Steps

### At the end of the project, students will be able to;

- improve coding skills within HTML & CSS & JS & TS & React.

- use git commands (push, pull, commit, add etc.) and Github as Version Control System.

## Steps to Solution

- Step 1 : Create React App using `npx create-react-app ts-store --template @anthonyharold` or `yarn create react-app ts-store --template @anthonyharold`.(With this command, both tailwindcss and typescript are ready to go.)
- Step 1 : Create React App using `npx create-react-app ts-store --template` or `yarn create react-app ts-store --template`.(With this command, both tailwindcss and typescript are ready to go.)

- Step 2 : Use dummyJson API for products..

- Step 3 : You can view sample app on https://clarus-store.vercel.app/.

- Step 4 : Add project gif to your project and README.md file.

## Notes

- You can add additional functionalities to your app.

**<p align="center">&#9786; Happy Coding &#9997;</p>**
- Step 3 : You can view sample app on https://anazon-store-app.vercel.app/?vercelToolbarCode=4AGB-xroBA1rU5X.

- https://www.npmjs.com/package/@anthonyharold/cra-template
- https://dummyjson.com/docs/products/#search
- https://redux-toolkit.js.org/tutorials/typescript
- https://tailwindcss.com/

0 comments on commit 47f1acb

Please sign in to comment.