Giter VIP home page Giter VIP logo

hrushikesh-blog's Introduction

Project Overview

This repository contains the source code for a web application, organized with a structured folder layout for clarity and maintainability.

Folder Structure

13-01-2023 "5.12pm"
|-- public/
| |-- index.html
| |-- favicon.ico
|-- src/
| |-- assets/
| | |-- images/
| | |-- styles/
| | | |-- global.css
| | | |-- header.css
| | | |-- sidebar.css
| | | |-- topnav.css
| |-- components/
| | |-- common/
| | | |-- Header.js
| | | |-- Sidebar.js
| | | |-- TopNav.js
| | |-- posts/
| | | |-- Post.js
| | | |-- PostList.js
| |-- layouts/
| | |-- MainLayout.js
| |-- pages/
| | |-- Blog.js
| | |-- Home.js
| | |-- PostDetail.js
| |-- routes/
| | |-- HomeRoute.js
| | |-- BlogRoute.js
| | |-- PostDetailRoute.js
| |-- services/
| | |-- api.js
| |-- utils/
| | |-- formatDate.js
| |-- App.js
| |-- index.js
|-- .gitignore
|-- package.json
|-- README.md

Project Structure

  • public/: Contains static assets such as HTML files (index.html) and a favicon (favicon.ico).
  • src/: Main source code directory.
    • assets/: Holds images and styles.
      • images/: Image assets.
      • styles/: CSS stylesheets.
        • global.css: Global styles.
        • header.css: Styles for the header component.
        • sidebar.css: Styles for the sidebar component.
        • topnav.css: Styles for the top navigation component.
    • components/: Reusable React components.
      • common/: Common components like Header, Sidebar, and TopNav.
      • posts/: Components related to displaying and managing posts.
    • layouts/: Components defining the overall layout structure of the application.
    • pages/: React components representing different pages of the application.
    • routes/: Components defining navigation paths and routes.
    • services/: Contains utility functions and API-related logic.
      • api.js: API-related functionality.
    • utils/: General utility functions.
      • formatDate.js: Utility for formatting dates.
    • App.js and index.js: Entry points for the application.
  • .gitignore: Specifies files and directories to be ignored by Git.
  • package.json: Configuration file for Node.js projects.

How to Run This Project

  • step 1 : Clone the Repository
  • step 2 : Navigate to the directory cd your-repository
  • step 3 : open new terminal
  • step 4 : install the dependency
npm install
  • step 5 : run the Project
npm start

This will run your project on http://localhost:3000

Build for Production:

npm run build

hrushikesh-blog's People

Contributors

hrushikeshsurkargpit avatar

Watchers

Hrushikesh Surkar avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.