Giter Club home page Giter Club logo

bazl1 / bloggy Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 1.0 4.78 MB

Welcome to the repository of the Bloggy project, a web application for blogging. Built on React and ASP.NET Core Web API, Bloggy provides a convenient platform for creating, sharing and searching content. 🚀📝

JavaScript 0.26% HTML 0.21% TypeScript 33.05% SCSS 19.60% CSS 0.30% C# 46.58%
api-rest axios blog client-server react react-hook-form react-intersection-observer react-router-dom scss typescript

bloggy's Introduction

Bloggy - A React and ASP.NET Core Web API Blog Application

Bloggy is a dynamic web application designed to empower users to engage in the world of blogging seamlessly. Leveraging the robust combination of React for the frontend and ASP.NET Core Web API for the backend, Bloggy offers a modern and user-friendly blogging experience. Start sharing your stories today!

Текст, который отобразится при недоступности изображения

Текст, который отобразится при недоступности изображения

Key Features

  • Mobile-Optimized Interface: Bloggy Mobile boasts a sleek and intuitive interface optimized for various screen sizes, ensuring a delightful and seamless user experience on cell phones.
  • User Authentication: Create a personalized account and securely log in to access exclusive features.
  • Effortless Post Creation: Craft and share your thoughts effortlessly through an intuitive post creation interface.
  • Post Exploration: Dive into a world of diverse content by browsing and viewing posts tailored to your interests.
  • Search and Filter: Easily find specific posts using the powerful search functionality. Filter posts by title or category to streamline your exploration.

Technology Stack

Server

The backend segment of the application is crafted using ASP.NET Core, incorporating the Clean Architecture as its core design principle. Employing this foundational design pattern ensures a well-organized and maintainable structure. Database access is orchestrated through the repository pattern, leveraging Entity Framework Core as the underlying tool to interact seamlessly with the database.

For the smooth operation of the server, it is imperative to install Dotnet Runtime 7.0. This prerequisite ensures that the server component runs effectively, utilizing the latest runtime environment. The combination of ASP.NET Core, Clean Architecture, and Entity Framework Core establishes a robust foundation for the server-side of the application, promoting scalability, maintainability, and efficient database interactions.

Client

The client component of the application is developed using React, adhering to a well-organized and modular design philosophy. React serves as the backbone for efficiently managing user interactions and dynamic interfaces, delivering a responsive and immersive user experience. Within the application, React components are strategically employed to encapsulate specific functionalities, fostering code reusability and maintainability.

To establish seamless communication with the server, the client interfaces with the ASP.NET Core Web API. This integration follows a clean and well-defined interface, promoting a clear separation of concerns between the client and server elements. By adopting this approach, the client-side architecture ensures a robust and scalable foundation, enhancing the overall performance and maintainability of the application.

How to Run

  • Ensure you have npm installed for the React frontend.
  • Install Dotnet Runtime 7.0 for the ASP.NET Core backend.
  • Clone the repository and navigate to the project directory.
  • Run npm install to install frontend dependencies.
  • Run dotnet build and dotnet run to launch the application.
// Clone repository
git clone https://github.com/Bazl1/Bloggy.git
cd ./bloggy

// Server launch
cd ./server/bloggy
dotnet run --project ./Bloggy.Api/

// Client launch
cd ./client
npm run dev

bloggy's People

Contributors

bazl1 avatar rezervv avatar

Stargazers

 avatar  avatar

Watchers

 avatar

Forkers

jeyadev14

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.