Stage Stories is a Next.js application that allows users to view stories shared by other users. It features a user-friendly interface for browsing and viewing stories.
Deployed at https://stage-stories.vercel.app/
- Display a list of users with their profile pictures
- Allow users to select a user to view their stories
- Provide a full-screen story viewer with navigation controls
- Support for both mobile and desktop views
- Responsive design that adapts to different screen sizes
- API route for fetching all user stories
- Unit tests for components using Jest and React Testing Library
- CI/CD pipeline for automated testing and deployment
- Node.js (version 16 or higher)
- npm or yarn
- Clone the repository:
git clone https://github.com/your-username/stage-stories.git- Navigate to the project directory:
cd stage-stories- Install the dependencies
npm install- Run the development server
npm run dev- Run the tests
npm test
Screen.Recording.2024-09-01.at.12.30.22.AM-1.mov
-
Availability of Stories: The project assumes that the stories will be available and accessible from the API endpoint without any downtime. It is expected that the data source for stories will remain stable and that there will be no significant changes to the API structure.
-
Performance Expectations: The project assumes that users will have a reliable internet connection when accessing the application. The performance of the story loading and transitions is optimized for average network conditions, but users on slower connections may experience delays.
- Next.js - React framework for building server-rendered applications
- React - JavaScript library for building user interfaces
- Tailwind CSS - Utility-first CSS framework for styling
- Framer Motion - Animation library for React
- react-insta-stories - Library for creating Instagram-like stories
- Jest - JavaScript testing framework
- React Testing Library - Library for testing React components