                  
 
<h1 align="center" style="font-weight: bold;">SusMarket</h1>

<p align="center">
<a href="#tech">Technologies</a>
<a href="#colab">Collaborators</a>
<a href="#howtostart">How to start</a>
</p>


<p align="center">A minimalist and designer store of a wide variety of products that looks so sussi</p>
 
<h2 id="layout">🎨 Layout</h2>

<p align="center">

<img src="https://i.ibb.co/M5NfrBv/211shots-so.png" alt="SusMarket makeup" border="0" width="700px">
</p>
 
<h2 id="technologies">💻 Technologies (Frontend)</h2>

- react js
- typescript
- sass(scss)
- methodology БЭМ
- other npm packages (framer-motion, axios, react-router-dom, ...)

<h2 id="howtostart">🚀 How to start?</h2>

<h3>1.</h3>

```
git clone https://github.com/Rail-TH/SusMarket.git
```

<h3>2.</h3>

```
npm i
```

<h3>3.</h3>
each of these libraries is required for the project to work

- asgiref==3.7.2
- Django==4.1
- django-cors-headers==4.3.1
- djangorestframework==3.14.0
- pillow==10.3.0
- pytz==2023.4
- sqlparse==0.4.4
- typing_extensions==4.9.0
- tzdata==2023.4

install each of them using command
```
pip install package-name==version
```
4. 
```
python manage.py makemigrations
```
5. 
```
python manage.py migrate
```
6. 
```
python manage.py runserver
```
<h2 id="colab">🤝 Collaborators</h2>

<p>Special thank you for all people that contributed for this project.</p>
<table>
<tr>

<td align="center">
<a href="https://github.com/KessPenGames">
<img src="https://avatars.githubusercontent.com/u/75772773?v=4" width="100px;" alt="No_KessPen"/><br>
<sub>
<b>No_KessPen</b>
</sub>
</a>
</td>

<td align="center">
<a href="https://github.com/Rail-TH">
<img src="https://avatars.githubusercontent.com/u/100100752?v=4" width="100px;" alt="Rail_TH"/><br>
<sub>
<b>Rail_TH</b>
</sub>
</a>
</td>

</tr>
</table>
