Global Impact is a blogging application inspired by sites like Dev.to and Medium, designed to provide a platform for users to share their thoughts and ideas with the world. This project incorporates various features aimed at enhancing user experience and functionality.
- 👨🎤 Custom Firebase usernames: Users can create custom usernames using Firebase authentication.
- 📰 Bot-friendly content (SEO): Implementing SEO best practices to ensure content visibility and accessibility to search engine bots.
- 🦾 Advanced SSR, SSG, and ISR techniques: Utilizing server-side rendering (SSR), static site generation (SSG), and incremental static regeneration (ISR) for optimal performance and user experience.
- 🔥 Firestore CRUD and data modeling: Integrating Firestore for efficient CRUD (Create, Read, Update, Delete) operations and data modeling.
- ⚛️ Reactive forms with react-hook-form: Building reactive forms using the react-hook-form library for enhanced form functionality and validation.
- 📂 Image file uploads: Allowing users to upload images to accompany their blog posts.
- 💞 Realtime hearts: Implementing real-time "heart" functionality to enable users to express appreciation for posts.
- 🚀 Security & Deployment: Prioritizing security measures and providing seamless deployment options for the application.
- Firebase
- React.js
- react-hook-form
- Firestore
- Next.js
To get started with Global Impact, follow these steps:
- Clone this repository:
git clone https://github.com/aidanMarroyo/globalimpact.git - Install dependencies:
npm install - Set up Firebase project and configure Firebase credentials.
- Start the development server:
npm run dev
Special thanks to Dev.to and Medium for inspiring this project and to the open-source community for their invaluable contributions.