Video Link
BACKEND
This e-commerce site was created with the goal of providing authentic car components to customers and assuring their delivery. The customer has the option to register for an account, choose the item, and then complete the checkout process. A report will be kept on the user's profile after a successful purchase. The user can also update the specifics of their account information. The admin has the power to add, edit, and remove goods from the shop. Additionally, the administrator has the ability to remove unfulfilled orders and confirm.
Technologies Used
- Rails
- React
- PostgreSQL
USER ACCOUNT DETAILS
- ADMIN LOGIN
username: tim@autozone.com
password: qwert
- USER LOGIN
username: judy@autozone.com
password: asdfg
Sample Code
- RAILS
def create
@user = User.find_by(email: session_params[:email])
if @user && @user.authenticate(session_params[:password])
login!
render json: { logged_in: true, user: @user}
else
render json: { status: 401, errors: ['No user by that name or id saved!']}
end
end
def is_logged_in?
if logged_in? && current_user
render json: { logged_in: true, user: current_user }
else
render json: { logged_in: false, message: 'user not found!'}
end
end
- REACT
const BASE_URL = 'http://localhost:3001/api/v1';
export const signin = (email, password) => dispatch => {
fetch(`${BASE_URL}/login`, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({ email, password }),
})
.then(res => res.json())
.then(user => dispatch({ type: 'LOGIN_USER', payload: user }));
};
IMAGE DEMO
LINKS
- LIVE LINK (COMING SOON)
Future Implementation
- The application still needs some work in order to be presentable.
- Try and work more on making my applications mobile responsive.
- Adding a secure payment gateway
- Implementing Material UI
Developer