Hi everyone,
I’m Salakha S. I’m an aspiring MERN Stack Web Developer studying at Masai School. As a part of our curriculum , we were given a task to clone the Epic Games website. So through this blog, let me take you through the journey of me and my teammates in creating this clone.
What is Epic games?
Epic Games, Inc. is an American video games and software developer and publisher .Epic Games develops the Unreal Engine , a commercially available game engine which also powers their internally developed video games, such as Fortnite and the Unreal , Gears of War and Infinity Blade series.
Our Team Members
Our team consisted of six members :
Arun Teja Kasula
Nitish Kumar
Salakha S
Sathish B
Shanthanu Bombatkar
Tushar sahu
How did we start the project?
Firstly, we started our project by creating the GitHub repository. I had the responsibility of creating and managing the GitHub repositories. One our first day we started working on the landing page of the website. We divided different pages among ourselves and started working on our parts.
Roles and responsibilities of team members:
Shantanu created the Landing page along with the header and footer. Satish created the Browse page, Nitish created the game description page and the checkout page. Arun had the role of creating the sign in and sign up page. Tushar created the cart and Wishlist pages. I had the responsibility of creating the news page and help page. We also created the backend of each of our pages.
What helped us through the project?
We were able to do the project successfully due to the concepts covered in the unit. The concepts taught to us were:
- HTML styles and layouts
- CSS selectors and combinators
- Media Queries
- JavaScript DOM
- Local Storage
- ES6
- APIs
- MongoDB
- Node.JS
- Express.JS
and so on.
These concepts helped us a lot in doing the project. I am also very fortunate to have gotten such good teammates. We were able to help each other when we got stuck . We got to learn a lot from each other.
Tech Stack:
Html
CSS
JavaScript DOM
Advanced JavaScript
MongoDB
NodeJS
Express.JS
Challenges:
We tried to create a pixel perfect website. We faced issues mainly with the responsiveness of the webpages, especially navbar and footer. We also faced difficulties in certain areas like adding certain functionalities. We had problems while dealing with backend functionalities. We had difficulties with GitHub as well. Despite all the issue, we were able to help each other and solve the issues. We successfully managed to complete the project before the deadline.
Key learning points:
We learned a lot from this project. What we learned mainly is how to create and make a mock server so that different members can use the data and collaborate towards the project. We kept communicating throughout the day and connected with each other constantly. We were able to decide what work each teammate should do and were able to collaborate together. By doing so we got time to fix issues in the end.
Improvements that can be made:
Due to time constraint, we didn’t get to make each and every page exactly like the original website. The pages could be made a bit more pixel perfect. We could’ve added more features. The landing page could be improved.
Some snapshots from our projects are given below:
GitHub project link: https://github.com/salakhas/Epic-Games.git
Thanks for reading!
