Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/facuperezm/greydive-challenge

🏭 Challenge for GreyDive
https://github.com/facuperezm/greydive-challenge

Last synced: 2 days ago
JSON representation

🏭 Challenge for GreyDive

Awesome Lists containing this project

README

        

# GreyDive Challenge

Make an app in React.js that reads a JSON file and generates for each item, a new url or route with all its properties

[Live site](http://greydive-challenge-facundo.vercel.app)

## Screenshots

![App Screenshot](./public/screenshot.jpg)

## Tech Stack

**Client:** React, Next.js, TailwindCSS

**Deploy:** Vercel

## Features

- Dynamic Routes for each test fetching data from database
- Used getStaticProps to statically generate pages with dynamic data
- Dynamically created pages routes with getStaticPaths

## Run Locally

Clone the project

```bash
git clone https://link-to-project
```

Go to the project directory

```bash
cd my-project
```

Install dependencies

```bash
npm install
```

Start the server

```bash
npm run dev
```

## Acknowledgements

- [Next.js Docs](https://nextjs.org/docs/getting-started)
- [Tailwind CSS Docs](https://tailwindcss.com/docs/installation)

## Author

- [Facundo Perez Montalvo](https://facuperezm.vercel.app)

[![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://facuperezm.vercel.app/)
[![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/facuperezm/)
[![github](https://img.shields.io/badge/github-555?style=for-the-badge&logo=github&logoColor=white)](https://github.com/facuperezm)