Screenshots (Hidden) - Click to open!
Medium Clone is a web application that replicates the core functionality of the popular blogging platform Medium. It allows users to read, write, and share articles on various topics. This project is built using React.js for the frontend, .Net Core for the backend, and TypeScript for a more robust development experience. It leverages several libraries and technologies, including MobX, Material-UI, Axios, Formik, and React-Router.
- User Authentication: Users can sign up, log in, and manage their profiles.
- Article Creation: Users can create, edit, and publish articles with a rich text editor.
- Article Reading: Users can browse and read articles on various topics.
- Comments: Users can comment on articles and engage in discussions.
- Likes: Users can like articles and save them on social media.
- Responsive Design: The application is responsive and works well on different devices.
Live demo available at Hosted Demo.
Note: Please be patient and expect a delay in loading time as the cloud provider's cold start process caused by periods of inactivity takes some time.
-
Frontend:
- React.js
- MobX for state management
- Material-UI for UI components
- Axios for making API requests
- Formik for form handling
- React-Router for routing
-
Backend:
- .Net Core
- Fluent Validation
- Mediator
- Postgresql
- Identity
- EF core
- Automapper
-
Clone the repository:
git clone https://github.com/nimamt/medium_clone.git
-
Navigate to the project directory:
cd medium_clone -
Start the .Net 6 back-end:
dotnet run --p API
-
Navigate to the front-end client project directory:
cd client-app -
Install dependencies using yarn:
yarn install
-
Start the React app:
yarn start
-
Open your browser and access the app at http://localhost:3000.
For example, explore, create an account, and add posts and comments.