Submitted by: Mohammed Nazib Hossain Khan
SMC GAMES FUNDING is a website for the company Sea Monster Crowdfunding that displays information about the games they have funded.
Time spent: 8 hours spent in total
The following required functionality is completed:
- The introduction section explains the background of the company and how many games remain unfunded.
- The Stats section includes information about the total contributions and dollars raised as well as the top two most funded games.
- The Our Games section initially displays all games funded by Sea Monster Crowdfunding
- The Our Games section has three buttons that allow the user to display only unfunded games, only funded games, or all games.
The following optional features are implemented:
- Added a Smooth Scroll Effect when clicking Our Games Button on the Navigation Bar!
- Revamped the webpage into a darker theme.
Here's a walkthrough of implemented features:
GIF created with https://www.screentogif.com/ and https://imgur.com
Building this app has been a rewarding yet challenging experience. One significant challenge I encountered was ensuring the responsiveness of the design across various devices. Adapting the layout and styles to different screen sizes required a deep dive into media queries and CSS adjustments. This was particularly challenging as I aimed to provide a seamless user experience on both desktop and mobile devices. However, with perseverance and learning about modern responsive design practices, I successfully overcame this hurdle.
Another noteworthy challenge was returning to web development after an extended hiatus. The technology landscape evolves rapidly, and catching up with the latest tools, libraries, and best practices presented a substantial learning curve. Embracing newer concepts like ES6, module systems, and responsive design frameworks demanded a considerable effort. Despite the initial challenges, the process of reacquainting myself with web development turned out to be an enriching journey, showcasing the dynamic nature of the field.
In summary, the challenges, particularly in achieving responsive design and re-entering the web development space, provided valuable learning opportunities and a sense of accomplishment as the project took shape.
Copyright [2023] [Mohammed Nazib Hossain Khan]
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.