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

🤝 Uizard Challenge done with Next.js 13 implementing RSC
https://github.com/facuperezm/uizard-challenge

nextjs13 react rsc tailwindcss

Last synced: 2 days ago
JSON representation

🤝 Uizard Challenge done with Next.js 13 implementing RSC

• Host: GitHub
• URL: https://github.com/facuperezm/uizard-challenge
• Owner: facuperezm
• Created: 2023-08-12T20:09:44.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-11-26T04:08:17.000Z (12 months ago)
• Last Synced: 2024-04-15T01:15:02.470Z (7 months ago)
• Topics: nextjs13, react, rsc, tailwindcss
• Language: TypeScript
• Homepage: https://uizard.facupm.dev
• Size: 739 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# Uizard Frontend Challenge

This challenge leverages is my best attempt to use the benefits of React Server Components implemented in Next.js framework.

The application is a HackerNews clone that highlights the top 10 stories using an  component. It's important to note that due to browser security policies, some stories might not appear as expected.

## Deployment

This is the project running online [uizard-challenge-facuperezm.vercel.app/](https://uizard-challenge-facuperezm.vercel.app/).

To deploy this project on your machine do

```bash

  git clone https://github.com/facuperezm/uizard.git

```

```bash

  npm i

```

```bash

  npm run dev

```

or 

```bash

  npm run dev

```

## Tech Stack

**Client:** React, Next.js 13 using App Directory, TailwindCSS

## Optimizations

- [ ] Add testing to the project

## Screenshots

Take a look at the app in action:

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

## Author

This project was created by Facundo Perez Montalvo. Visit my portfolio at [facuperezm.com](https://facuperezm.com/) to learn more about me and my work.

[![portfolio](https://img.shields.io/badge/portfolio-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://facuperezm.com/)

[![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) 

I hope you enjoy using this app as much as I enjoyed creating it!