Skip to content

๐Ÿฒ๐Ÿ˜‹ Nigerian Favourite Recipe Page with React.js, TypeScript with styling and mobile responsiveness using Tailwind CSS for StackTrek activity.

Notifications You must be signed in to change notification settings

Chizaram-Igolo/recipe-page

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

10 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Contributors Forks Stargazers Issues LinkedIn


Logo

Nigerian Recipe Page with React.js and Basic Tailwind CSS

StackTrek Quiz
See Live Version ยป

View Demo ยท Report Bug ยท Request Feature

Table of Contents

  1. About The Project
  2. Getting Started
  3. Screenshots

About The Project

recipe-pager

This is a frontend application built with React.js that displays a recipe page.

Built With

  • React
  • Vite
  • TypeScript
  • TailwindCSS

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

You need to have npm installed on your computer in order to be able to install and run the project.

  • npm
    npm install npm@latest -g

Installation

  1. Clone the repo
    git clone https://github.com/Chizaram-Igolo/recipe-page.git
  2. Install NPM packages
    cd recipe-page && npm install
  3. Run the Project
    npm run dev
  4. Navigate to http://127.0.0.1:5173/ (or the exposed port) on your favourite browser

Screenshots

The following show the display of the web page across multiple devices.

1. Mobile Screen

Logo Logo Logo

1. Tablet Screen

Logo Logo

1. Desktop Screen

Logo

About

๐Ÿฒ๐Ÿ˜‹ Nigerian Favourite Recipe Page with React.js, TypeScript with styling and mobile responsiveness using Tailwind CSS for StackTrek activity.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published