Skip to content

Yogadeepan29/React--Day-26--Guvi-Blog_Task

Repository files navigation

Guvi Blog Clone

A React-based web application that clones the Guvi blog website, featuring a navigation menu with routes to different courses using React Router Dom.

Features

  • Navigation menu with routes to 11 different courses:
    • All (Trending)
    • Full Stack Development (FSD)
    • Data Science
    • Cyber Security
    • AI/ML
    • Blockchain
    • Cloud Computing
    • DevOps
    • Digital Marketing
    • Software Automation Testing
    • UI/UX
  • Each course page displays static content
  • Responsive design using Bootstrap

Technologies Used

  • React.js
  • React Router Dom
  • Bootstrap

Getting Started

  1. Clone the repository: git clone https://github.com/Yogadeepan29/React--Day-26--Guvi-Blog_Task.git
  2. Install dependencies: npm install
  3. Start the development server: npm run dev
  4. Open the application in your web browser: http://localhost:3000

File Structure

  • Components: contains reusable React components for the navigation menu, sidebar, and footer
  • Pages: contains individual course pages
  • data.js: static content data
  • App.jsx: the main application component that renders the navigation menu, sidebar, and course pages
  • index.js: the entry point of the application
  • package.json: lists dependencies and scripts for the project

Author

YOGADEEPAN.R

Live Demo

Check out the live demo: GUVI-Blog-clone