Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Fuad010/fincar-project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

History

50 Commits

Repository files navigation

πŸš€ Technologies & Architecture Used

Backend:

  • Clean Architecture: Structured, maintainable, and scalable architecture pattern.
  • ASP.NET Core .NET 6: A powerful framework for building web applications and APIs.
  • REST API: A stateless architectural style for designing networked applications.
  • MediatR: A simple mediator pattern implementation for handling requests and responses.
  • CQRS (Command Query Responsibility Segregation): Separating reading and writing operations for better scalability and optimization.
  • Entity Framework Core: ORM for data access and database management.
  • AutoMapper: Object-to-object mapping library for simplifying data transformations.
  • Fluent Validation: A validation library for .NET to create clean, readable validation rules.
  • SQLite: Lightweight, serverless, self-contained SQL database engine.

Frontend:

  • React + Vite: Lightning-fast development environment with optimized build capabilities.
  • Feature-Sliced Design (FSD): A structured and scalable approach for organizing frontend code.
  • MobX: Simple and scalable state management for React applications.
  • KY: A lightweight and modern HTTP client for making API requests.
  • React Router (Nested Routing): Enables hierarchical navigation with parent and child routes for better modularity and UI structure.
  • TypeScript: Static typing to improve code quality and developer experience.

πŸ› οΈ How to Run the Application

Prerequisites:

  1. Install Node.js (for frontend).
  2. Install .NET 6 SDK (for backend).

1. Run the Backend

The backend is powered by ASP.NET Core Web API. Follow these steps to start it:

  1. Open your terminal or IDE.
  2. Navigate to the project folder containing Cars.WebApi.
  3. Run the following command to start the backend:
    dotnet run --project Cars.WebApi

πŸ”„ Important Note:

The frontend communicates with the backend API. Ensure that the backend is running before starting the frontend. You may need to configure the base URL for API requests in the frontend's environment configuration file.

  1. Create a .env file in the frontend root directory (if it doesn't exist).
  2. Add the following configuration to the .env file:
    VITE_API_BASE_URL=http://localhost:5000
  3. Install the required dependencies by running the following command:
    npm install
    
  4. After installing the dependencies, run the following command to start the frontend:
    npm run dev
    

About

Full-Stack Web Application (C# .NET & React) A full-stack application with a backend built using C# .NET Web API and a frontend built with React, following FSD for structured, modular development

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

Contributors

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /