/lila-rose-final

React App using Next.js, Tailwind and Supabase

Primary LanguageTypeScript

Lila & Rose

Lila & Rose is a webpage for hat lovers.

Authored By:

Jonathan Liera May 2023

Table of Contents

  1. Description
  2. Technologies Used
  3. Setup/Instructions Requirements
  4. Downloading the Repo
  5. Installing Dependencies
  6. Adding API Key
  7. Adding Supabase Config
  8. Known Bugs
  9. License Information
  10. [Contact Information](#Contact Information)

Description

Lila & Rose

Technologies Used

  • React

  • NextJS

  • Typescript

  • DaisyUI

  • Supabase

  • Node.js

  • Visual Studio Code

  • Github

  • Markdown

Setup/Installation Requirements

Downloading the Repo

  1. Clone this repository to your desktop.

    git clone https://github.com/Jonliera/lila-rose-final.git
    • Or download as a zip file
  • Click the green code button on the repository page
  • At the bottom of the popup window select Download ZIP
  • Extract the downloaded .zip folder
  1. Navigate to the projects root directory by entering $cd inventory-tracker
  2. Install all dependencies by entering $ nmp install
  3. Run the application by entering $ npm run start

Installing Dependencies

  1. Make sure you have Node.js installed
  2. Navigate to the projects root directory by entering $cd inventory-tracker
  3. Install all dependencies by entering $ nmp install
  4. Run the application by entering $ npm run start

Adding API key

Adding Supabase config

Known Bugs

License

Contact Information

Appendix

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

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

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.ts.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.