Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sarvagyakrcs/kumarsarvagya
This project is a React application that serves as a personal website. It consists of several components, including a navigation bar (NavBar), a jumbotron (Jumbotron), a personal blog (PersonalBlog), and a footer (Footer). The application fetches blog posts from a specified API endpoint and displays them on the personal blog section.
https://github.com/sarvagyakrcs/kumarsarvagya
api css django-rest-framework jsx react router
Last synced: about 2 months ago
JSON representation
This project is a React application that serves as a personal website. It consists of several components, including a navigation bar (NavBar), a jumbotron (Jumbotron), a personal blog (PersonalBlog), and a footer (Footer). The application fetches blog posts from a specified API endpoint and displays them on the personal blog section.
- Host: GitHub
- URL: https://github.com/sarvagyakrcs/kumarsarvagya
- Owner: sarvagyakrcs
- Created: 2023-11-09T13:21:10.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-02-18T16:00:47.000Z (11 months ago)
- Last Synced: 2024-02-18T17:23:35.324Z (11 months ago)
- Topics: api, css, django-rest-framework, jsx, react, router
- Language: JavaScript
- Homepage: https://www.sarvagya.live/
- Size: 20.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Visit the Site : (https://www.sarvagya.live/)
# Project Documentation
## Overview
This project is a React application that serves as a personal website. It consists of several components, including a navigation bar (`NavBar`), a jumbotron (`Jumbotron`), a personal blog (`PersonalBlog`), and a footer (`Footer`). The application fetches blog posts from a specified API endpoint and displays them on the personal blog section.
## Components
### 1. NavBar
The `NavBar` component is responsible for rendering the navigation bar. It takes `mode` and `setMode` as props to handle the theme mode.
### 2. Jumbotron
The `Jumbotron` component displays a jumbotron with animated text and contact details. It also provides a link to the resume. It takes `mode`, `setMode`, `contactDetails`, `animatedText`, and `resume_link` as props.
### 3. PersonalBlog
The `PersonalBlog` component fetches and displays blog posts. It takes `posts`, `contactDetails`, `mode`, and `setMode` as props.
### 4. Footer
The `Footer` component renders social media links and contact details. It takes `links`, `contactDetails`, `mode`, and `setMode` as props.
## App Component
The `App` component is the main entry point for the application. It manages the overall structure of the page and integrates the aforementioned components. It fetches blog posts on component mount using the `useEffect` hook.