⛩️☪️ AstrophileYard: Web App for space lovers to mesmerize themselves with the cosmic carnivals and deep mysteries of the universe. 🌟🌊

For people caught in their mundane life and aspires to be an escapist :)) ☄️

👉 Visit AstrophileYard

week5-astro.mp4

🎇About

• A web app that encaptures you with the mysteries of the universe--
• Login
• Upload ur Archive(if you are an astrophotographer)
• Glance at the artistically templated' archives and Gallerxy (Galactic Gallery)
• Listen to cosmic music and episodes
• Immerse urself in "outer" space beyond ur monotonous life activities, expand your horizon, and
• keep looking up!#starTalkians #StarTalk ☄️🌠✨

Tech Stack

• MongoDB: For efficient data storage. 🏪
• Express.js: web application framework for handling server-side logic. 🧮
• React.js: JavaScript lib for frontend optimization and enhanced reusability + scalability. ⚛️
• Node.js: Powering our backend server. ◀️
• Bootstrap: Crafting sleek and responsive UI components. 🌙
• JavaScript: Driving interactivity and functionality. 🏄
• React-toastify: Enhancing flash messages for better user communication. 🔦
• Passport.js: Ensuring secure authentication. 🛂
• Cookies & Sessions: Managing user data securely. 🍪

🎇Features

1. Seamless Integration for Navigation

With a keen eye for detail, I've crafted a navigation system that ensures effortless exploration throughout the platform!

2. Authentication and Authorization

Sign up, log in, and start adding your listings hassle-free. I have included robust authentication system that guarantees secure access, giving one full control over their account.

3. Client/Server-side Validations

No more unexpected errors! cuz I've also implemented thorough validations to keep the site running smoothly, preventing any unwanted glitches along the way.

4. Error-Handling Middlewares & WrapAsync

Integrated error-handling middlewares and WrapAsync functions to tackle any potential errors, ensuring a seamless experience for users.

5. Cookies & Session Management

utilizing cookies and session management to securely store user information for a specified period, enhancing browsing experience.

6. Frontend and Backend Functionality

From search options to navbar enhancements, this platform boasts seamless functionality on both the frontend and backend. Explore with ease and find the perfect rental for your next adventure!

🎇Get Started

— Here’s a step-by-step guide tailored for new contributors who want to contribute to your repository, AstrophileYard-Web-App :

---

Step 1: Fork the Repository

1. Click the Fork button in the top-right corner to create a personal copy of the repository under your GitHub account.

---

Step 2: Clone the Forked Repository

1. Open a terminal or command prompt.

2. Clone your forked repository using the following command:

   git clone https://github.com/<your-username>/AstrophileYard-Web-App.git

3. Navigate to the project folder:

   cd AstrophileYard-Web-App

---

Step 3: Add the Original Repository as an Upstream

To keep your fork updated with the original repository:

1. Add the upstream repository:

   git remote add upstream https://github.com/Nkovaturient/AstrophileYard-Web-App.git

2. Verify remotes:

   git remote -v

   You should see origin (your fork) and upstream (the original repository).

---

Step 4: Install Dependencies

1. Ensure you have the required tools installed:

   • Git: Install Git.
   • Node.js and npm (if the repository uses Node.js): Install Node.js.
   • Other dependencies: Check the README.md or package.json for specific tools or dependencies.

2. Install the project dependencies:

   npm install

   This command will install all the necessary packages specified in the package.json file.

---

Step 5: Create a New Branch

1. Before making any changes, create a new branch for your work:

   git checkout -b <branch-name>

   Replace <branch-name> with a meaningful name, such as feature/add-login-page.

---

Step 6: Make Changes Locally

1. Open the project in your favorite code editor (e.g., VS Code).

   code .

2. Make your changes to the codebase. Follow any contribution guidelines specified in the repository (e.g., coding standards, linters, etc.).

3. Test your changes locally to ensure they work as expected:

   npm run start

---

Step 7: Commit Your Changes

1. Stage the files you modified:

   git add .

   Or specify specific files, e.g.:

   git add path/to/file

2. Commit your changes with a clear message:

   git commit -m "Brief description of the changes"

---

Step 8: Keep Your Branch Updated

Before pushing your changes, ensure your branch is up-to-date with the latest changes from the original repository:

1. Fetch and merge the latest changes from the upstream repository:

   git fetch upstream
   git merge upstream/main

   Replace main with the default branch name if it’s different.

2. Resolve any merge conflicts if necessary.

---

Step 9: Push Your Changes

1. Push your branch to your forked repository:

   git push origin <branch-name>

---

Step 10: Create a Pull Request

1. Go to your forked repository on GitHub.
2. You should see a prompt to create a pull request (PR) for your recently pushed branch. Click Compare & pull request.
3. Fill out the PR template if available, or provide a detailed explanation of your changes.
4. Select the correct branch of the original repository (e.g., main) as the base branch.
5. Submit the pull request.

---

Step 11: Participate in Code Review

1. Wait for maintainers or collaborators to review your PR.🚀⭐

---

2. Keep your forked repository in sync with the original repository for future contributions:

   git fetch upstream
   git merge upstream/main
   git push origin main

---

— Open to your Feedback and suggestions. Happy Coding! 🌟🚀