A responsive Link-sharing platform frontend. This frontend allows users to view and manage personalized profiles, interact with links, and connect with the backend for authentication and data management.
- Dynamic user pages:
/[handle]for each user's profile. - Secure authentication handled via a custom backend.
- Add, links in user profiles.
- Responsive UI for desktop, tablet, and mobile devices.
- Frontend Framework: Next.js 15.4.4 (App Router)
- Styling: Tailwind CSS 4.1
- Language: JavaScript (ES6+)
- API Requests: Fetch API / Axios (to backend)
frontend/
│
├─ /app/ # Next.js App Router pages
│ ├─ /[handle]/page.js # Dynamic user pages
| ├─ /generate/page.js # Page to generate link for user Loged in.
│ ├─ /login/page.js # Page responsible for ui of Login and Signup of User.
| ├─ /globals.css # Common CSS page for Whole page.
│ ├─ /layout.js # Main Page to Load Front-end.
| └─ /page.js # Home page of website.
|
|─ /components # Reusable components (Navbar, Dropdown, Button, Footer).
├─ /store # Client-side state management (auth store)
├─ /public # Static assets (images, icons)
└─ next.config.js # Next.js configuration
- Clone the repository:
git clone https://github.com/codeArray-go/AllLink-f.git
cd frontend- Install dependencies:
npm install or npm i- Creating environmental variable:
mkdir .env.localinside .env.local file add NEXT_PUBLIC_BACKEND_URL=
- Run development server:
npm run devIf you are using it on your machine then your url will be:- http://localhost:3000
- All data operations (login, signup, profile update, link CRUD) are handled by the backend.
- The frontend communicates via REST API endpoints exposed by the backend.
- Fully responsive layout for mobile, tablet, and desktop.
- Components automatically adjust using Tailwind CSS utilities.
- Certain buttons or elements adapt to screen width (e.g., hiding logout on small screens).