Welcome to devscript-stackup, a cutting-edge blog website built with Vite, ReactJS, Tailwind CSS, and powered by Firebase as the backend. This project aims to revolutionize the blogging experience, offering a seamless blend of performance, aesthetics, and ease of use. Dive into a world where content creation meets modern web technologies!
- Viswajith V P [https://github.com/Viswajith2003]
- Jerald Joyson [https://github.com/Jerald-Joyson]
- Gayathri K [https://github.com/Gayathri-K-101]
- Madheeha Khullath V A [https://github.com/Madheeha-khullath]
devscript
https://blog-website-xi-blush.vercel.app/
devscript-stackup is designed to provide users with a dynamic and responsive blogging platform. It seamlessly integrates with Firebase, ensuring fast and secure data storage. The user-friendly interface powered by ReactJS guarantees an optimal experience for both content creators and readers.
Dynamic Content Creation: Easily create and manage blog posts with a user-friendly interface. Real-time Updates: Experience instant updates and interactions thanks to Firebase's real-time database. Responsive Design: Tailwind CSS ensures a responsive and visually appealing layout across various devices.
To achieve the functionality and aesthetics of devscript-stackup, the following libraries were employed:
ReactJS - Version 18.2.0 Vite - Version 4.4.5 Tailwind CSS - Version 3.3.5 Firebase - Version 10.6.0
react-hot-toast - 2.4.1 react-icons - 4.11.0 react-router-dom - 6.18.0
Getting devscript-stackup up and running on your local environment is a breeze. Follow these instructions to configure the project:
=> Clone the Repository:
git clone https://github.com/Jerald-Joyson/devscript-stackup.git
=> Navigate to the Project Directory:
cd devscript-stackup/blog-web/
=> Install Dependencies:
yarn install
=> Configure Firebase:
- Create a Firebase project on the Firebase Console.
- Obtain your Firebase configuration credentials.
- Replace the placeholder values in the project's configuration files with your Firebase credentials.
=> Save Configuration:
Save the configuration files and you're all set to move to the next step.
With the project configured, follow these steps to run devscript-stackup:
=> Start the Development Server:
yarn dev
=> Open Your Browser:
Visit http://localhost:5173 to see devscript-stackup in action!
Congratulations! You've successfully set up and launched [Your Project Name]. Explore the features, create engaging content, and enjoy the seamless experience brought to you by Vite, ReactJS, Tailwind CSS, and Firebase.