Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/yaserdemet/casestudy


https://github.com/yaserdemet/casestudy

bootstrap figma mixins react-router sass vercel

Last synced: about 1 month ago
JSON representation

Awesome Lists containing this project

README

        

![Animation](https://user-images.githubusercontent.com/99739515/183262882-8b897195-bc69-4cab-b511-e4e3d2637fb4.gif)

[πŸ‘‰click here to see page](https://case-study-blond.vercel.app)

### In this project, i have used;

πŸ“Œ Sass (variables, mixins, inludes)

πŸ“Œ Bootstrap

πŸ“Œ Figma

πŸ“Œ React Components, Props

πŸ“Œ Conditional Rendering

πŸ“Œ 3rd Part Libraries ( Toastify )

πŸ“Œ Hooks (useState, useEffect, useRef, useNavigate , useLocation)

πŸ“Œ React Router DOM

πŸ“Œ Deployment with Vercel and Netlify

πŸ“Œ To reduce boilerplate code, stayed information in JSON file.

πŸ“Œ Js iteration method map ( map and filter )

Project aims to create a react scaleable page with Figma.

## Problem Statement

This project was created for case study.

## Available Scripts

In the project directory, you can run:

### `yarn start`

Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.

The page will reload when you make changes.\
You may also see any lint errors in the console.