Inctagram

Description

Inctagram is a project built with Next.js and utilizes RTK Query for efficient data fetching. It serves as a platform for sharing photos and connecting with other users.

The project involves a team of 10 members, including 6 frontend developers, 1 backend developer, 1 product manager, and 2 QA testers. The development process incorporates unit testing using React Testing Library and Jest. Additionally, the project utilizes Storybook for component development and design exploration. Team collaboration and task management are facilitated through Jira.

Technologies Used

  • Next.js: A React framework for building SSR (Server-side Rendered) and static websites.
  • RTK Query: A powerful data fetching and caching library for Redux Toolkit.
  • React Testing Library: A testing utility for testing React components.
  • Jest: A JavaScript testing framework.
  • Storybook: A development environment for UI components.
  • Jira: A project management and collaboration tool.

Feature Slice Design (FSD) - Project Structure

/app              # Shared React components used throughout the project
├── /features     # Feature-specific components and logic
├── /pages        # Next.js page components
├── /shared       # Shared styles and utilities
└── /widgets      # Reusable UI widgets

Styleguide

Follow the styleguide of IT-Incubator for proper naming, refactoring and the suchlike within the project.

The link for the styleguide is as follows: https://code-style.it-incubator.io/react

Getting Started

To get started with inctagram, follow the steps below:

  1. Clone the repository: git clone https://github.com/D1van007/inctagram.git
  2. Navigate to the project's directory: cd inctagram
  3. Install the dependencies: npm install
  4. Start the development server: npm run dev

The application will be accessible at http://localhost:3000.

  1. Open http://localhost:3000 in your browser to access the application.

Testing

To run the unit tests, use the following command:

  1. npm run test
  2. npm run coverage

Storybook

To launch Storybook and explore the component library, use the following command:

  1. npm run storybook

Contributing

Contributions to the Inctagram project are welcome! If you would like to contribute, please follow these steps:

  1. Fork the repository.
  2. Create a new branch for your feature or bug fix.
  3. Make your changes and commit them with descriptive messages.
  4. Push your changes to the branch on your forked repository.
  5. Submit a pull request, detailing the changes you made and providing any necessary additional information.

Team

  • Frontend Developers: D1van007,
  • Backend Developer: Add name here
  • Product Manager: Add name here
  • QA Testers: Add names here

Contact

If you have any questions or suggestions regarding the project, feel free to contact us at aliaksandr.dzivin@gmail.com. We would be happy to hear from you!

Thank you for your interest in Inctagram!