Medium Clone

Medium is an American online publishing platform developed by Evan Williams and launched in August 2012. It is owned by A Medium Corporation. The platform is an example of social journalism, having a hybrid collection of amateur and professional people and publications, or exclusive blogs or publishers on Medium, and is regularly regarded as a blog host.

Steps to browse the project:

First you clone or download this project from here.

git clone https://github.com/shivam-singh-au17/ProjectMediumClone

And then open it in VS Code and then start two Git Bash terminal at the same location. Then enter these two commands manually in first terminal.

cd backendfile

npm install

nodemon server.js

And then open second Git Bash terminal and then enter these two commands manually in this terminal.

cd projectmedium

npm install

npm start

Our Agendas -

• Breaking the whole work into the smallest divisions according to our strong zone.
• Setting up the deadline for every individual.
• Review the code when someone is unable to make the part prominently.
• Regular commits in GitHub and 2 times stand up so that everyone is updated accordingly.
• If some flaws are found in the original website, try to solve them as well.

Technologies Used

• We used HTML-5 , CSS-3, Javascript and React for front-end.
• We used MongoDB for database.
• We used Node.js and Express.js library for back end.
• And we are also used Bootstrap and Material UI for designing and layout.

Tools

• VS Code to write code.
• Github to used for version control.

Tools for communication

• Slack for communication.
• Zoom for show work.

Some screenshots of our project

• This is the Home Page of our cloned website.

• This is the Login Page of our cloned website.

• This is the Our Story of our cloned website.

• This is the Write Page of our cloned website.

• This is the Membership Page of our cloned website.

• This is the Home Page after the login of our cloned website.

• This is the Story Page of our cloned website.

• This is the Saved Blog Page of our cloned website.

So this was the project we have created with our efforts. We have added the screenshots for our audience to understand easily.

challenges to build this website

1. The original website was not built on the React framework, due to which we were not getting any idea how many components should be broken into the whole website but we were taught by Masai school so didn't face much problem and we broke it into components according to our own.

2. The biggest challenge we faced was to connect the backend server and frontend server together which we were doing for the first time but we were successful in that and successfully connected both the services.

3. We had received the layout of the entire website in the form of a figma file by our designer colleagues, which we had to clone, so there was some problem in using the figma file but with the help of designer colleagues, we completed it successfully.

These challenges improve our abilities to be a good Team Player and finally we did the constitution of all the problems together and made our perfect project.

Team members and contributors

By following a well-structured way, all of us successfully completed our responsibilities before the given time. The members of team MEDIUM are-

1. Asutosh Behera

Github: asutoshb

2. Naveen Kumar

Github: Naveenverma440

Conclusion

• I would like to thank, all of my team members, Asutosh Behera and Naveen Kumar for their contribution.
• I am very glad that I completed this project ahead of time and got a good knowledge of Reject Framework and Figma File and got valuable experience.
• I’m feeling very proud to get such hard-working team members and also feeling very fortunate for being a part of Masai School because of which I got the experience of cloning such a wonderful website.

Thank you for giving it a read...