https://github.com/andemosa/creon

This is a pixel-perfect integration of a landing page for Creon, an NFT, AI web project using NextJS.
https://github.com/andemosa/creon

framer-motion landing-page nextjs react shadcn-ui tailwindcss typescript

Last synced: about 1 month ago
JSON representation

This is a pixel-perfect integration of a landing page for Creon, an NFT, AI web project using NextJS.

• Host: GitHub
• URL: https://github.com/andemosa/creon
• Owner: andemosa
• Created: 2023-11-21T22:30:48.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-11-22T00:02:49.000Z (about 1 year ago)
• Last Synced: 2024-11-07T20:56:17.181Z (3 months ago)
• Topics: framer-motion, landing-page, nextjs, react, shadcn-ui, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://creon-andemosa.vercel.app/
• Size: 58.5 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Niftables FE Tech Test Submission

This is a solution to the Niftables Front-End Development Technical Test

## Table of contents

- [Overview](#overview)

  - [The challenge](#the-challenge)

  - [Screenshot](#screenshot)

  - [Links](#links)

- [My process](#my-process)

  - [Built with](#built-with)

  - [Useful resources](#useful-resources)

- [Author](#author)

## Overview

### The challenge

The task is to perform a pixel-perfect integration of a provided [figma design](https://www.figma.com/file/Y9kCV8ZzERPpl46xNzfvyw/Front-end-Developer-Test?type=design&node-id=23%3A2&mode=design&t=YqAJaMyv6b9UvBIQ-1), showcasing skills in front-end development using NextJS.

### Screenshot

![Desktop view](./screenshots/creon.png)

###

![Mobile view](./screenshots/mobile.jpeg)

### Links

- Live Site URL: (https://creon-andemosa.vercel.app/)

## My process

### Built with

- TypeScript

- [Next.js](https://nextjs.org/)

- [Tailwind](https://tailwindcss.com/)

- [ShadcnUI](https://ui.shadcn.com/)

## Getting Started

This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

First, run the development server:

```bash

npm run dev

# or

yarn dev

# or

pnpm dev

# or

bun dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.

This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.

## Author

- Anderson Osayerie - [@andemosa](https://andemosa.vercel.app)

- Twitter - [@andemosa](https://www.twitter.com/andemosa)