AstroLink is a social media web application inspired by Twitter, designed to connect astronomy enthusiasts. Users can register, log in, post updates, and interact with other users' posts.
- User Authentication: Register and log in with secure authentication.
- Post Tweets: Share updates with followers.
- View Timeline: See posts from other users.
- User Profiles: View and edit user profiles.
- Responsive Design: Accessible on both desktop and mobile devices.
To get started with the AstroLink project, follow these steps:
-
Clone the repository:
git clone https://github.com/your-username/AstroLink.git cd AstroLink -
Install the dependencies:
npm install
-
Set up environment variables:
Create a
.env.localfile in the root directory and add your environment variables. Refer to the.env.examplefile for the required variables. -
Run the development server:
npm run dev
Open your browser and navigate to http://localhost:3000 to see the application in action.
Users can register and log in to access the application's features.
View posts from users you follow on your timeline.
View and edit your profile, and view other users' profiles.
Share your thoughts and updates by posting tweets.
AstroLink/
├── .eslintrc.json
├── .gitignore
├── next.config.mjs
├── package-lock.json
├── package.json
├── postcss.config.mjs
├── tailwind.config.ts
├── tsconfig.json
├── public/
│ ├── favicon.ico
│ ├── next.svg
│ └── vercel.svg
├── src/
│ ├── components/
│ │ └── layout/
│ │ ├── footer.tsx
│ │ ├── layout.tsx
│ │ └── navbar.tsx
│ ├── pages/
│ │ ├── _app.tsx
│ │ ├── _document.tsx
│ │ ├── index.tsx
│ │ ├── login.tsx
│ │ ├── register.tsx
│ │ └── protected/
│ │ ├── astros.tsx
│ │ └── profile.tsx
│ ├── styles/
│ │ └── globals.css
│ └── supabase/
│ ├── protectedRoutes.tsx
│ └── supabase.ts