A smallcase is a basket of exchange traded securities (like stocks & ETFs) in a specified weighting scheme to reflect a certain objective (ideas, themes, strategies). A smallcase has a minimum of 2 securities and a maximum of 50 securities. You will find here different types of stocks in which you can invest easily and safely.

smallcase website

We have cloned the smallcase website as project of our construct week at Masai School. We built this website fully responsive and implemented maximum design.

Technology

• Client: EJs, CSS

• Server: MongoDb, Node,js and Express.js

Features

• User can see variety of smallcases and can select which smallcase to invest in
• Storing the users data on Mongo Server
• Used keyframes for sliding effect
• Responsive design
• User can filter the smallcases by minimimum amount, highest returns, etc.

A Glimpse of our cloned website

1. This is the landing page where user have facility to see top smallcases.

2. This is the Signup page where user can enter their email id and password. If new user can register here after filling the detail direct jump on login page.If user data already exist then he got an error showing already registered.

3. This is the login page where user can enter their credentials and it will be matched by the credentials provided in the signup page. If it is correct it will redirect to the home page. Else it will show the alert to enter the valid credentials.

4. This is discover page, where user can find all the details and features about different smallcases.

5. This is all smallcases page where user can find all the smallcases to invest. User gets facility to sort the smallcases on the basis of prices, popularity and volatility.

6. After clicking on any smallcase user will be able to know all the information about that smallcase and can invest into that.

7. On clicking Invest Now button, a full screen billing modal will open which will take user to orders page once investment done.

8. This is orders page, here user already invest on particular smallcase then he showing this message.

9. This is orders page, here user will get all the details about previous orders in chronologically order.

Demo

Link - smallcase clone

Authors

Mansi Sindhu

Github: mansisindhu

LinkedIn: Mansi sindhu

Ashwani Kumar Pankaj

Github: ashwanikpankaj

LinkedIn: Ashwani Kumar Pankaj

Shivam Vishvakarma

Github: shivamfw10

LinkedIn: Shivam Vishvakarma