https://github.com/sabelomkhwanzi/everipedia-instagramui-test
https://github.com/sabelomkhwanzi/everipedia-instagramui-test
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/sabelomkhwanzi/everipedia-instagramui-test
- Owner: SabeloMkhwanzi
- Created: 2022-01-19T21:09:20.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-03-09T11:05:57.000Z (about 2 years ago)
- Last Synced: 2025-01-18T03:11:59.007Z (4 months ago)
- Language: TypeScript
- Homepage: everipedia-instagram-ui-test.vercel.app
- Size: 325 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Everipedia Frontend Test
### Implementing the given tasks:
* Coding style, coding skills and architectural knowledge.
* Clone in figma Instagram UI ( https://www.figmacrush.com/instagram-desktop-ui-in-figma/ )
* Build a nextjs project with chakra UI (other framework is also fine) using typescript
* Focus in Home page, try to make it as similar as possible
* Use good practices for components / project structure ( https://github.com/alan2207/bulletproof-react/ )
* Bonus tip: make it responsive
### Features
:zap: Fully Responsive\
:zap: Web application framework-Next.js\
:zap: UI Design Tool - Chakra UI
#### Running the app
## Getting Started
First, clone the repo with the following git command:
```bash
git clone gh repo clone SabeloMkhwanzi/Everipedia-InstagramUI-Test
```
Second, open a terminal in the root directory of the project and run:
```bash
npm install
```
to install all the package dependencies for the project
Finally, run the development server:
```bash
npm run dev
# or
yarn dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
## Deploy on Vercel