Skip to content

Welcome to my Personal Coding Blog! This repository contains the source code for a simple yet attractive blog website where I share articles and insights related to coding. The blog supports Markdown for writing posts, has a comment functionality for reader engagement, and features a dark mode toggle for improved user experience.

License

Notifications You must be signed in to change notification settings

Princekashyap2024/Personal-Blog-Website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌟 Personal Blog Website 📝

Your personal space to share and explore blog posts!

🧭 Overview

The Personal Blog Website is a minimalist web application designed to allow users to create, manage, and display their blog posts. With a user-friendly interface and clean design, this app makes blogging easy and enjoyable.

Whether you're a writer, hobbyist, or someone who just wants to share their thoughts, this app is the perfect place to do it!

Features

✔️ Create and manage your blog posts with ease.
✔️ View posts with a clean and responsive layout.
✔️ Easy navigation to read, write, and share posts.
✔️ Real-time updates to keep your blog fresh.
✔️ Mobile-friendly design, optimized for any device.
✔️ Dark Mode: Toggle between light and dark themes for a personalized experience.
✔️ Stylish buttons and smooth animations to enhance user interaction.

🛠️ Technologies Used

  • HTML5: Provides the structure and layout of the website.
  • CSS3: Used for styling the site with a clean, modern look.
  • JavaScript (ES6): Handles the app’s logic and dynamic features.
  • Vercel: Hosting platform for seamless deployment and demo.

🚀 Live Demo

🔗 Check out the live version here: Personal Blog Website Demo

📦 Installation and Usage

Follow these steps to set up the app locally:

  1. Clone the Repository:

    git clone https://github.com/Princekashyap2024/Personal-Blog-Website.git
    
  2. Navigate to the Folder:

    cd Personal-Blog-Website
  3. Run the App:
    Open the 'index.html' file in any modern web browser to launch the app.


📝 How to Use

  1. Write and publish your blog posts.
  2. View your posts with a clean, simple interface.
  3. Toggle between light and dark modes for a personalized experience.
  4. Enjoy seamless navigation as you explore the blog!

🌐 Preview

Light Mode Screenshot Dark Mode Screenshot


📂 Folder Structure

Personal-Blog-Website/
├── index.html       # Main HTML file
├── styles.css       # CSS for styling
├── app.js           # JavaScript for logic and interactivity


🎯 Future Enhancements

  • 🌍 Implement user authentication for managing posts.
  • 📅 Add categories or tags to organize posts.
  • 🎨 Enhance blog post layout with multimedia support (images, videos).
  • 📊 Implement a commenting system for user engagement.
  • 🔄 Include social sharing options for wider reach.

🤝 Contributions

Contributions are always welcome! To contribute:

  1. Fork the project.
  2. Create your feature branch:
    git checkout -b feature/YourFeatureName
  3. Commit your changes:
    git commit -m "Add some feature"
  4. Push to the branch:
    git push origin feature/YourFeatureName
  5. Open a Pull Request.

📜 License

This project is licensed under the MIT License. Feel free to use, modify, and distribute as per the license.


💡 Connect With Me

🌐 Portfolio: Amit Kumar Raikwar
🐦 Twitter: @amitraikwar92
📧 Email: amitkumarraikwar92+github@gmail.com


About

Welcome to my Personal Coding Blog! This repository contains the source code for a simple yet attractive blog website where I share articles and insights related to coding. The blog supports Markdown for writing posts, has a comment functionality for reader engagement, and features a dark mode toggle for improved user experience.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published